﻿@{
    Layout = null;
}



<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="Author" />
    <meta name="design" />

    <link href="~/Scripts/css/base.css" rel="stylesheet" />

    <script src="~/Scripts/jquery/jquery-1.9.1.min.js"></script>

    <script src="~/Scripts/jquery/html5shiv.v3.72.min.js"></script>

    <title>e家政 - 服务承诺：标准化一对一定制服务</title>
    <meta name="keywords" content="e家政服务承诺" />
    <meta name="description" content="e家政服务承诺专业高效,流程标准,用专业的能力和严格的标准提升服务效率,使客户享受到优质、规范的服务,e家政服务电话：400-111-8666" />
    <link href="~/Scripts/css/base.css" rel="stylesheet" />
    <link href="~/Scripts/css/css.css" rel="stylesheet" />
    <script src="~/Scripts/jquery/jquery-1.9.1.min.js"></script>

    <title>

    </title>
</head>
<body>
    <div class="Top-bg">
        <header class="Top">
            <div class="logo"><a href="/"><img src="~/tupian/logo.png" alt="" /></a></div>
            <nav class="MainNav">
                <ul>
                    <li class="on"><a href="/Home/Index">首页</a></li>
                    <li><a href="/Home/home_working">家政</a></li>
                    <li><a href="/Home/month_nurse">月嫂</a></li>
                    <li><a href="/Home/cuiru">催乳师</a></li>
                    <li><a href="/Home/yuersao">育儿嫂</a></li>
                    <li><a href="/Home/baomu">保姆</a></li>
                </ul>
                <div class="clear"></div>
            </nav>
            <div class="clear"></div>
        </header>
    </div>




    <div class="banner10" style="background:url(../../tupian/fw_banner.jpg) no-repeat center;"></div>

    <div class="container">
        <section class="Current">
            <dl><a href="/">首页</a>/<span>服务承诺</span></dl>
        </section>



        <div class="fix">
            <div class="RCon">
                <div class="WeChat">
                    <span><img src="~/tupian/right_img.jpg" alt="" /></span>
                </div>
                <div class="Hotline">
                    <img src="~/tupian/right_img2.jpg" alt="" />
                </div>
            </div>
        </div>


        <script type="text/javascript">
    //    右边悬浮的
    var Top1 = $(".RCon").offset().top;
    $(window).scroll(function () {
        if ($(window).scrollTop() >= Top1) {
            $(".fix").addClass("on");
        } else {
            $(".fix").removeClass("on");
        }
    });
        </script>






        <section class="index_main">
            <div class="main_content">
                <div class="list_t">
                    <img src="~/tupian/fw_01.jpg" width="430" height="288" />
                </div>
                <div class="list_wr">
                    <h3><img src="~/tupian/fw_logo.png" /></h3>
                    <h2>专业高效，流程标准</h2>
                    <p>用专业的能力和严格的标准提升服务效率<br>使客户享受到优质、规范的服务。<br></p>
                    <p>一站式的服务流程，一对一的服务标准化，<br>让客户满意、放心！</p>
                </div>
                <div class="clear"></div>
            </div>
            <div class="hr"></div>
            <div class="intro_list">
                <ul>
                    <li>
                        <i><img src="~/tupian/fu_01.png" width="89px" height="89px" /><img src="~/tupian/fu_01_on.png" width="89px" height="89px" /></i>
                        <div class="write">
                            <h5><span>阿姨爽约</span><b>替</b></h5>
                            <p>阿姨因特殊原因不能在规定时间内进行服务，e家政将征得客户同意后为客户替换其它阿姨进行服务或退款。</p>
                        </div>
                    </li>
                    <li>
                        <i><img src="~/tupian/fu_02.png" width="89px" height="89px" /><img src="~/tupian/fu_02_on.png" width="89px" height="89px" /></i>
                        <div class="write">
                            <h5><span>打扫不干净</span><b>免</b></h5>
                            <p>阿姨未达到标准，免费进行第二次保洁服务。</p>
                        </div>
                    </li>
                    <li>
                        <i><img src="~/tupian/fu_03.png" width="89px" height="89px" /><img src="~/tupian/fu_03_on.png" width="89px" height="89px" /></i>
                        <div class="write">
                            <h5><span>损坏东西</span><b>赔</b></h5>
                            <p>阿姨服务过程中，造成客户物品损坏或财产损失，e家政将及时联系保险公司做好理赔工作。</p>
                        </div>
                    </li>
                    <li style="margin-left: 0px;">
                        <i><img src="~/tupian/fu_04.png" width="89px" height="89px" /><img src="~/tupian/fu_04_on.png" width="89px" height="89px" /></i>
                        <div class="write">
                            <h5><span>服务不满意</span><b>换</b></h5>
                            <p>客户在阿姨保洁过程之中对服务不满意，可提出更换阿姨。</p>
                        </div>
                    </li>
                    <li>
                        <i><img src="~/tupian/fu_05.png" width="89px" height="89px" /><img src="~/tupian/fu_05_on.png" width="89px" height="89px" /></i>
                        <div class="write">
                            <h5><span>补偿服务时间</span><b>补</b></h5>
                            <p>阿姨故意推延服务时间、磨洋工，导致未在规定服务时间内完成服务，经核实后为客户补偿相应服务时间。</p>
                        </div>
                    </li>
                </ul>
                <a class="for_down"><img src="~/tupian/jzfw_icon2.jpg" /></a>
                <div class="clear"></div>
            </div>
        </section>

        <div class="clear"></div>



        <script type="text/javascript">
    //整站无图处理
    jQuery.each(jQuery("img"), function (i, n) {
        jQuery(n).error(function () {
            n.src = 'images/nopic.jpg';
        });
        n.src = n.src;
    });
        </script>

        <script type="text/javascript">
    //整站无图处理
    jQuery.each(jQuery("img"), function (i, n) {
        jQuery(n).error(function () {
            n.src = 'images/nopic.jpg';
        });
        n.src = n.src;
    });
        </script>



        <script>
    $(".intro_list ul li img:nth-child(even)").hide();
    $(".intro_list ul li i").hover(function () {
        $(this).find("img:nth-child(even)").show();
        $(this).find("img:nth-child(odd)").hide();
    }, function () {
        $(this).find("img:nth-child(even)").hide();
        $(this).find("img:nth-child(odd)").show();
    });
        </script>


        <script type="text/javascript">
    //    右边悬浮的
    var Top1 = $(".RCon").offset().top;
    $(window).scroll(function () {
        if ($(window).scrollTop() >= Top1) {
            $(".fix").addClass("on");
        } else {
            $(".fix").removeClass("on");
        }
    });

        </script>

    </div>


    <footer class="Bottom">
        <nav class="botnav">
            <a href="/Home/Index">e家政首页</a>
            <em>|</em>
            <a href="/Home/comp_introce">关于我们</a><em>|</em><a href="/Home/fwcn">服务承诺</a>
            <em>|</em><a href="/Home/insurance">安全保障</a>
            <em>|</em><a href="/Home/contact_us">联系我们</a>
        </nav>
        <br />
        <ul class="bot_icon">
            <li class="li1"><a href="/Home/contact_us">电话</a></li>
            <li class="li2"><a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=123456&site=qq&menu=yes">qq</a></li>
            <li class="li3"><a href="mailto:123456@qq.com">邮箱</a></li>
        </ul>
        <div class="copyright">
            copyright   &copy;   2013-2016 <a href="http://www.51ejz.com/" target="_blank">www.51ejz.com</a>   All Rights Reserved. Support by
            chemguan.com</BR>版权所有：江苏洁瑞达信息科技有限公司
        </div>
    </footer>
    <!-----------------------------------2016.8.2新增   右侧悬浮按钮------------------------------------------------------>
    <div class="rightFix">
        <ul>
            <li class="li1">
                <a href="javascript:void(0)"></a>
                <div class="beside">
                    <div class="beside_cont">
                        <div class="service">
                            <h2>快速预约</h2>
                        </div>
                        <div class="info">
                            <form method="post">
                                <select name="ctl00$serviceTypes" id="serviceTypes">
                                    <option value="" id="0">选择服务类型</option>
                                    @*<option value="保洁">保洁</option>
                                    <option value="搬家">搬家</option>
                                    <option value="甲醛检测">甲醛检测</option>
                                    <option value="甲醛检测">甲醛治理</option>
                                    <option value="月嫂">月嫂</option>
                                    <option value="催乳师">催乳师</option>
                                    <option value="育儿嫂">育儿嫂</option>
                                    <option value="保姆">保姆</option>*@
                                </select>
                                <input id="OName" type="text" placeholder="请输入您的姓名" />
                                <input id="OPhone" type="tel" placeholder="请输入手机号" maxlength="11" />
                                <textarea id="Oaddr" name="" placeholder="请输入详细地址精确到小区"></textarea>
                                <textarea id="Odemand" name="" placeholder="其他补充要求：如上门服务时间、日期....."></textarea>
                            </form>
                            <a class="appoint" href="javascript:void(0)" onclick="funop();">马上预约</a>
                        </div>
                    </div>
                </div>
            </li>
            <li class="li2">
                <a href="javascript:void(0)"></a>
                <div class="erweima">
                    <img src="~/tupian/right-icon5.jpg" alt="" />
                    <p>扫一扫 关注微信</p>
                </div>
            </li>
            <li class="li3">
                <a href="javascript:void(0)"></a>
                <div class="erweima">
                    <img src="~/tupian/right-icon6.jpg" alt="" />
                    <p>扫一扫下载APP</p>
                </div>
            </li>
        </ul>
        <div class="li4"><a href="javascript:void(0)"></a></div>
    </div>


    <!---------------新加的2016.8.3预约弹出层---------------->
    <div class="zhe-tan">
        <div class="tan">
            <h4></h4>
            <div>
                <p>您的预约信息已经成功提交，我们会尽快与您联系</p>
                <p>感谢您选择我们！</p>
                <span>Thank you for choosing us</span>
            </div>
            <a href="javascript:void(0)" class="close"><img src="~/tupian/tan-close.png" alt="" /></a>
        </div>
    </div>
    <script type="text/javascript">

    $(".zhe-tan .tan .close").click(function () {
        $(".zhe-tan").hide();
    });

    </script>

    <!------------------------新加的2016.8.3预约方法----------------------->
    <script type="text/javascript">
     function yuyue() {
         var leixing = $("#serviceTypes option:selected").val();
         var names = $("#name").val();
         var tels = $("#tel").val();
         var dizhis = $("#dizhi").val();
         var remarks = $("#remark").val();
         $.ajax({
             url: "checkYuyue.aspx",
             type: "Post",
             data: {
                 serviceType: leixing,
                 lianxiren: names,
                 tell: tels,
                 address: dizhis,
                 yaoqiu: remarks
             },    //发送到服务器的数据
             success: function (data) {    //请求成功后调用的回调函数
                 document.write(data);
                 $("#serviceTypes option:selected").val("");
                 $("#name").val("");
                 $("#tel").val("");
                 $("#dizhi").val("");
                 $("#remark").val("");
             }
         })
     }


    </script>


    <script src="~/Scripts/jquery/jquery.placeholder.min.js"></script>


    <script type="text/javascript">

        $(".rightFix ul li").each(function (i) {
            $(this).hover(function () {
                $(this).addClass("on");
                $(this).siblings().removeClass("on");
                $(this).children("div").fadeIn();
                $(this).siblings().children("div").fadeOut();
            });
        });
        $(".rightFix>.li4").hover(function () {
            $(".rightFix ul li").children("div").fadeOut();
        });
        $(".rightFix>.li4").click(function () {
            $("body,html").animate({ scrollTop: 0 }, 500);
        });
        //    input中有placeholder，加上一个js和以下代码
        $(function () { $('input, textarea').placeholder(); });
    </script>
    <script type="text/javascript">
        //整站无图处理
        jQuery.each(jQuery("img"), function (i, n) {
            jQuery(n).error(function () {
                n.src = 'images/nopic.jpg';
            });
            n.src = n.src;
        });
    </script>
    <script>        (function () { var c = document.createElement("script"), s = document.getElementsByTagName("script")[0]; c.src = "//kefu.qycn.com/vclient/state.php?webid=118627"; s.parentNode.insertBefore(c, s); })();</script>
    <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?3be29a79978bcebc6bfdadbe076f6627";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
    </script>
</body>
</html>
<script>
    $(function () {
        $.ajax({
            type: "get",
            url: "/Home/xiala",
            success: function (data) {
                $(data).each(function (index, item) {
                    var mm = " <option value='" + item.Tname + "' id='" + item.Tid + "'>" + item.Tname + "</option>";
                    $("#serviceTypes").append(mm);
                })
            }
        })
    })
    function funop() {
        var option = $('#serviceTypes option:selected').attr("id");
        alert(option);
        var OName = $("#OName").val();
        var OPhone = $("#OPhone").val();
        var Oaddr = $("#Oaddr").val();
        var Odemand = $("#Odemand").val();
        $.ajax({
            type: "post",
            url: "/Home/Add",
            data: {
                Tid: option,
                OName: OName,
                OPhone: OPhone,
                Oaddr: Oaddr,
                Odemand: Odemand
            },
            success: function (data) {
                alert(2);
                if (data == "True") {
                    alert("预约成功");
                }
                else {
                    alert("预约失败");
                }
            }
        })
    }
</script>

